<%@ page import="com.hyd.tweet.Application" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <script type="text/javascript" src="jquery-1.6.1.min.js"></script>
    <title>hydrogen-tweet</title>
    <style type="text/css">
        body {
            max-width: 30em;
        }

        body *, input, textarea {
            font-family: sans-serif;
            font-size: 10pt;
        }

        .special {
            padding: 0.5em 1em;
            color: #fff;
            background: #b22222;
        }

        .question {
            font-weight: bold;
            font-size: 120%;
        }

        .introduce {
            color: #555;
        }

        <% if (!Application.getEnabled().equals("true")){ %>
        #function {display: none;}
        <% } %>
    </style>
</head>
<body>

<h1 style="font-size: 24pt;text-shadow: 0 1px 3px rgba(0,0,0,5)">Hydrogen-tweet</h1>

<form action="#" id="form1">
    <div class="introduce">
        <p>Hydrogen-tweet 是一个用 Java 编写的，基于 twitter4j 的 GTalk 推特机器人，支持推特常用功能。</p>

        <p><span class="question">为什么要用 GTalk？</span>因为 GTalk 适合（能上 GTalk 的）手机用户。特别是在没有 3G
            信号或手机网络带宽很低的情况下，打开网页太慢，只有文本传输能达到令人满意的速度。这时候用你手机上的 GTalk
            收发推特信息，比客户端和网页要快得多。另外，当有一天你发现你的所有 twitter 客户端，所有推土机都被墙，而
            你又亟需上推的时候，它可以作为你上推的最终保障，你要做的就是现在注册一下。 </p>

        <p>源代码已经发布到 <a href="http://code.google.com/p/hydrogen-tweet/"
                       target="_blank">http://code.google.com/p/hydrogen-tweet/</a>，你可以发布自己的推特机器人（前提是要懂
            Java 和 AppEngine 哦）。</p>

        <div>
            <a target="_blank" href="commands.html" class="special">支持的命令列表</a>
            <a target="_blank" href="demo.jpg" class="special">GTalk 聊天截图</a>
        </div>
    </div>

    <p>----------------------------------------</p>

    <p><strong>如何注销 hydrogen-tweet: </strong><span style="display:block">在你的联系人列表中将机器人账号删除即可。</span></p>

    <p><strong>如果授权失败该怎么办: </strong><span style="display:block">首先注销 hydrogen-tweet，然后再访问此页面重新绑定账号。</span></p>

    <p>----------------------------------------</p>

    <% if (!Application.getEnabled().equals("true")){ %>
    <div style="color: red"><%=Application.getPublicNotification()%></div>
    <% } %>

    <div id="function">
        <h2 style="font-size: 13pt;">我来用用看（第一次绑定账号需要翻墙）</h2>

        <p>
            <label><span>您的完整 GTalk 帐号名：</span><input type="text" id="gtalk_account"></label>
        </p>

        <p>
            <input type="button" value="开始 OAuth 验证" id="oauth_buttom">
        </p>
    </div>
</form>

<script type="text/javascript">
    var checkAuth = function () {

        var account = $('#gtalk_account').val();
        if (account.indexOf('@') == -1) {
            account += "@gmail.com";
            $('#gtalk_account').val(account);
        }

        $(this).attr('disabled', 'disabled').val('请稍候，正在获取 OAuth 地址...');
        $.post('./oauth.jsp', {
            url: window.location.href,
            account: account
        }, function (result) {
            if (result.substring(0, 7) == 'http://' || result.substring(0, 7) == 'https:/') {
                if (result.substring(0, 7) == 'https:/') {
                    result = 'http://' + result.substring(7);
                }

                $('#oauth_buttom').val('正在打开 OAuth 授权页面...');
                window.location = result;
            } else if (result.length > 0) {
                alert('您已经注册过了，请添加 ' + result + ' 到您的 GTalk 好友列表，即可开始上推。发送 /help 查看可用的命令列表。');
                $('#oauth_buttom').removeAttr('disabled').val('开始 OAuth 验证');
            } else {
                alert('获取 OAuth 地址失败。');
                $('#oauth_buttom').removeAttr('disabled').val('开始 OAuth 验证');
            }
        });
    };

    $('#oauth_buttom').click(checkAuth);
    $('#form1').submit(function () {
        checkAuth();
        return false;
    });

    $('a').click(function () {
        if ($(this).attr('href') == '#') {
            return false;
        }
    });
</script>
</body>
</html>